<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>霸王条款</title>
	</head>
	<body>
		<h3>用户注册</h3>
		<p id="info">
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
			亲爱的用户，这是霸王协议，如果不看到底就不能提交
		</p>
		<input type="checkbox" id="checkbox" disabled="true" />
		我已仔细阅读以上协议
		<br />
		<button type="button" id="btn" disabled="true" >提交</button>
	</body>
</html>
<script type="text/javascript">
	var btn = document.getElementById("btn")
	var info = document.getElementById("info")
	var checkbox = document.getElementById("checkbox")
	// onscroll事件在滚动条滚动时触发
	info.onscroll = function(){
		// alert(info.scrollHeight - info.scrollTop);
		// alert(info.clientHeight)
		if((info.scrollHeight - info.scrollTop) == info.clientHeight){
			// disabled设置元素是否禁用，禁用为true
			checkbox.disabled = false;
			btn.disabled = false;
		}
	}
	btn.onclick = function(){
		if(checkbox.checked == true)
			alert("下一步")
		else
			alert("请确认以上协议")
	}
</script>
<style type="text/css">
	#info{
		height: 31.25rem;
		background-color: #F2F2F2;
		overflow: auto;
	}
	button{
		padding: 0.3125rem;
	}
	body{
		text-align: center;
	}
</style>